import React, { Component } from 'react'
import { PageHeader, Layout, Form, Row, Col, Input, Button } from "antd"
import VideoTable from './VideoTable';
const { Content } = Layout;
const routes = [
    {
        path: 'video',
        breadcrumbName: '视频管理',
    },
    {
        path: 'index',
        breadcrumbName: '视频列表',
    },
]
class VideoList extends Component {
    constructor(props) {
        super(props);
        this.state = {}
    }

    onFinish = async (value) => {

    }
    render() {
        return (
            <>
                <PageHeader
                    className="site-page-header"
                    title="视频列表"
                    breadcrumb={{ routes }}
                    avatar={{ src: 'https://avatars1.githubusercontent.com/u/8186664?s=460&v=4' }}
                >
                </PageHeader>
                <Content className="page-content">
                    {/* search */}
                    <Form
                        name="advanced_search"
                        className="ant-advanced-search-form"
                        onFinish={this.onFinish}
                    >
                        <Row gutter={20}>
                            <Col span={6}>
                                <Form.Item name="name" label="视频名称" >
                                    <Input />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item name="className" label="分类" >
                                    <Input />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item name="videoType" label="视频类型" >
                                    <Input />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item style={{ float: 'right' }}>
                                    <Button type="primary" htmlType="submit">
                                        查询
                                    </Button>
                                </Form.Item>
                            </Col>
                        </Row>


                    </Form>
                    {/* table */}
                    <div className="video-table">
                        <VideoTable />
                    </div>
                </Content>
            </>
        );
    }
}

export default VideoList;